<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Choix du mode de jeu !</title>
<link rel ="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/reset.css" />

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquizme.js"></script>

</head>

<body>
<div id="fb-root"></div>
<div id="container">
	<div class="header">
    	<div class="col-left">
		    	<div class="photo">
		    		<!-- User picture call -->
		        </div>
		        <div class="recap">
		        	<p>Score: <span>1000</span></p>
		            <p>Trophés: <span>1000</span></p>
		            <p>Amis: <span>1000</span></p>
		            <p>Crédits: <span>1000</span></p>
		        </div>
		    </div>
	        <div class="logo">
	        	<div><a href="index.php"><img src="images/logo.png" alt="HQ !"/></a></div>
	        </div>
	        <div class="col-right">
		        <div class="fb-like" data-href="http://localhost/" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false"></div>
		        <div class="fb-send" data-href="http://localhost/"></div>
		        <div class="back-button"><a href="#">Revenir sur ma page</a></div>
		    </div>
    </div>
    <div class="main">
	<div class="compteur">1/20</div>
    <div class="info"><center>Niveau <b>Moyen</b> en mode <b>Citations</b> sur le thème <b>Action</b></center></div>
    <hr style="color:#000000;background-color:#000000;width:730px;"/>
    <div class="question">
        Dans quel film peut-on entendre:<br/>
        "Écoutez-moi ! Ceux qui sont encore vivants, profitez-en pour le rester et allez-vous en ! Mais attention, n'emportez surtout pas les membres que vous avez perdus ! Ils sont à moi, ils m'appartiennent désormais !"
    </div>
    <div class="reponse">
        <table>
            <tr>
                <td><div class="bouton">Pulp Fiction</div></td><td><div class="bouton" style="margin-left:17px;">Kill Bill</div></td>
            </tr>
            <tr>
                <td><div class="bouton">Les ailes de l'enfer</div></td><td><div class="bouton" style="margin-left:17px;">Die hard 4</div></td>
            </tr>
            <tr>
            	<td><br /><br /><br /><img src="images/quitter.png" alt="quitter" /></td><td align="right"><br /><br /><br /><img src="images/next.png" alt="next" /></td>
            </tr>
       </table>
    </div>
    
    </div>
    <div class="footer">© Copyright 2011 HitQuizz - Mentions Légales</div>
</div>
<script type="text/javascript" src="js/application.js"></script>
</body>
</html>
